<!DOCTYPE html>
<html lang="zh-CN">

	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0" />
		<meta name="apple-mobile-web-app-capable" content="yes">
		<meta name="apple-mobile-web-app-status-bar-style" content="black">
		<meta name="format-detection" content="telephone=no">
		<title>电费缴费记录</title>
		<link rel="stylesheet" href="../../assets/css/css.css" />
		<link rel="stylesheet" href="../../assets/bootstrap/css/bootstrap.min.css" />
		<link rel="stylesheet" href="../../assets/css/sweetalert/sweetalert.css" />
		
	</head>
	<body>
		<div style="width:100%;margin:0;background-color:#f4f4f4;">
			<div style="background-color:white;width:100%;border-bottom: 20px solid #f4f4f4;
    			padding: 10px;font-size: 16px;">
    			<img src="../../assets/images/img/a15.jpg" style="position:relative;width:30px;left: 2px;"/>
    			<input type="text" id="houseNum" readonly="readonly" placeholder="居住地址" size="22" style="border:0px;position: relative;left: 5%;"/>
    		</div>
		</div>
		<div>
			<div id="electricDiv">
				
				
			</div>
			<div class="xiamian" style=" text-align: center;padding-top:25px;padding-bottom: 186px;background-color:#f4f4f4; height: 200px;">
				没有更多了...
			</div>	
			
		</div>
		<script id="selectElectric" type="text/x-handlebars-template">
	 	 	{{#each rows}}
					<div>
						<div style="border-top: 1px solid #ccc;height: 51px;">
							<img src="../../assets/images/img/R.png" style="position:relative;width:50px;margin: 0px 0px 0px 3px;">
							<input id="familyName" value="{{name}}" type="text" readonly="readonly" placeholder="姓名" size="22" maxLength="15" style="width: 25%;border: 0;">
							<img src="../../assets/images/img/tel.png">
							<input id="familyPhone" value="{{tel}}" type="text" readonly="readonly" placeholder="电话" size="22" maxLength="11" style="width: 45%;border: 0;">
						</div>
						<div style="border-top: 1px solid #ccc;height: 51px;">
							<img src="../../assets/images/img/youxiaoqi.png" style="position:relative;width:26px;height:26px; margin: 0px 0px 0px 17px;">
							
								<input  type="text" value="缴费日期:{{nowTime}}" id="nowTime" name="nowTime" readonly="readonly" placeholder="缴费日期" style="width:50%;border: 0;margin: 11px 0px 1px 11px;margin-top: 16px;"/>
								
						</div>
						<div  style="border-top: 1px solid #ccc;height: 51px;">
							<img src="../../assets/images/img/B.png" style="position:relative;width:50px;height:50px;float:left;">
							<input type="text" readonly="readonly" value="电表范围:" style="border: 0;width:69px;margin: 13px 1px 1px 6px;"/>
							<input type="text" value="{{beforeElec}}" id="beforeElec" name="beforeElec" readonly="readonly" placeholder="上次电表数" style="width: 15%;margin: 13px 1px 1px -15px;border: 0;text-align: center;">
							<input type="text"readonly="readonly" placeholder="——" style="width: 5%;margin: 0px 4px 1px -6px;border: 0;"/>
							<input type="text" value="{{nowElec}}" id="nowElec" name="nowElec" readonly="readonly" placeholder="本次电表数"  style="width: 15%;margin: 14px 1px 1px 1px;border: 0;text-align: center;">
							
						</div>
						<div  style="border-top: 1px solid #ccc;height: 51px;">
							<img src="../../assets/images/img/A.png" style="position:relative;width:50px;height:50px;float:left;">
							<input type="text" value="本次用电量:{{nowTolalElec}}" id="nowTolalElec" readonly="readonly"  name="nowTolalElec" placeholder="本次用电量" style="width: 50%;height: 40%;border: 0;position: relative;margin: 16px 6px 0px 5px;">
						</div>
						<div style="border: 1px solid #ccc;height: 51px;">
							<img src="../../assets/images/img/jieyu.png" style="position:relative;width:30px;margin: 7px 8px 6px 11px;">
							<input type="text" value="电费结余金额:{{jieyuMoney}}" id="jieyuMoney" readonly="readonly" placeholder="电费结余金额" size="22" style="border: 0;"/>
						</div>
						<div style="height: 51px;">
							<img src="../../assets/images/img/beizhu.png" style="position:relative;width:26px;margin: 10px 8px 11px 15px;">
							<input type="text" value="欠费金额:{{totalQianmoney}}" id="totalQianmoney" readonly="readonly" placeholder="欠费金额" size="22" style="border: 0;width: 50%;"/>
						</div>
						<div class="list-group-item" style="height: 50px;">
							<a><img src="../../assets/images/img/a10.jpg" style="position:relative;width:28px;left: -4px;"/></a>
							<input type="text"  id="other" value="缴费方式:{{electricType}}" readonly="readonly" placeholder="缴费方式" size="22" style="border:0px;position: absolute;left: 14%;bottom: 33%;"/>
			 			</div>
					</div>
				
				<div class="xiamian" style="padding-bottom: 15px;background-color:#f4f4f4;">
					
				</div>
				
			{{/each}}
		</script>
		<script src="../../assets/js/jquery.min.js"></script>
		<script src="../../assets/bootstrap/js/bootstrap.min.js"></script>
		<script src="../../assets/js/sweetalert/sweetalert.min.js"></script>
		<script src="../../assets/js/jquery.cookie.js"></script>
		<script src="../../js/util/handlebars-v4.0.5.js"></script>
		<script src="../../assets/js/weixin/jweixin-1.2.0.js"></script>
		<!-- <script src="http://res.wx.qq.com/open/js/jweixin-1.2.0.js"></script> -->
		<script src="../../js/util/main.js"></script>
		<script src="../../js/wechat_life/wechat_electricInfo.js"></script>
	</body>

</html>